<template>
   <div>
    <div class="logo">
      <div><img src="~assets/image/logo.png" /></div>
      <span>龙瑞森后台管理系统</span>
    </div>        
    <el-button type="primary" @click="exitBotton">退出</el-button>
   </div> 
</template>>

<script>
  export default {
    name:'HeaderElement',
    methods:{
        //退出
        exitBotton(){
            window.sessionStorage.clear();
            this.$router.push('/login');
        },
    } 
  }
</script>>

<style lang="less" scoped>
 .el-header{
       background-color: #115BC4;
       display: flex;
       justify-content: space-between;
       align-items: center;
       .logo{
           display: flex;
           align-items: center;
           color: #fff;
       }
       .logo img{
          //  width: 60px;
          //  height: 60px;
          //  border-radius: 100%;
          //  margin-right: 6px;
       }
   }
</style>>